<template>
  <div class="view">
    <el-row type="flex" :gutter="10" justify="center">
      <el-col :span="20">
        <div class="test">
          <el-carousel height="150px" direction="vertical" :autoplay="false">
            <el-carousel-item v-for="item in 6" :key="item">
              <h3 class="medium">广告图：{{ item }}</h3>
            </el-carousel-item>
          </el-carousel>
        </div>
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane name="1">
            <span slot="label"><i class="el-icon-date"></i> 主页 </span>
            <div class="test">132放大</div>
          </el-tab-pane>
          <el-tab-pane name="2">
            <span slot="label"><i class="el-icon-date"></i> 订阅 </span>
            <div class="test">132打法色额</div>
          </el-tab-pane>
          <el-tab-pane name="3">
            <span slot="label"><i class="el-icon-date"></i> 课程管理 </span>
            <div class="test">132地方</div>
          </el-tab-pane>
          <el-tab-pane name="4">
            <span slot="label"><i class="el-icon-date"></i> 班级 </span>
            <div class="test">132手动阀</div>
          </el-tab-pane>
          <el-tab-pane name="5">
            <span slot="label"><i class="el-icon-date"></i> 设置 </span>
            <div class="test">1打法稍等32</div>
          </el-tab-pane>
        </el-tabs>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.view {
  width: 100%;
  height: 94vh;

  .el-row {
    width: 100%;
    margin-bottom: 0.5rem;

    .test {
      background-color: red;
    }
  }
}
</style>